<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/information.css">
    <title>详情页</title>
</head>
<body>
      <header></header>
            <div class="content">
                    <div class="infor">
                        <div class="left">
                            <div class="share">
                                <span></span> 分享
                            </div>
                            <div class="like">
                                <span></span> 加入收藏(14)
                            </div>
                            <div class="car">
                                <span><img src="/images/timg.jpg" alt=""></span>加入购物车
                            </div>
                            <div class="star">
                                    <span></span>评论此商品
                                </div>
                        </div>
                        <div class="center" id="information-list">

                        </div>
                        <script type="text/html" id="information-template">
                            <h2>{{name}}</h2>
                            <h2>￥{{price}}</h2>
                            <div class="bigImg">
                                <img src="{{img[0]}}" class="zoom-image"  data-zoom-image="{{img[0]}}">
                            </div>
                            <div class="smallImg" id="smallImg">
                                    {{each img src}}
                                <span><a href="javascript:;" data-image="{{src}}" data-zoom-image="{{src}}"><img src='{{src}}'alt=""></a></span>
                                   {{/each}}

                            </div>
                            <h4>价格说明（此说明仅当出现价格比较时有效）</h4>
                            <p>划线价格：划线的价格可能是商品的专柜吊牌价或正品零售价指导价或该商品的曾经展示过的销售价等，仅供您参考。</p>
                            <p>未划线价格：未划线的价格是商品在官网上的销售标价，具体的成交价格可能因为会员使用优惠券发生变化，最终以订单结算页价格为准。</p> 
                        </script>
                        <div class="right">
                            <div class="product-list" id="product-list">
                                <!-- <a href=""><span><img src="/images/01.png" alt=""></span></a>
                                <a href=""><span><img src="/images/01.png" alt=""></span></a>
                                <a href=""><span><img src="/images/01.png" alt=""></span></a>
                                <a href=""><span><img src="/images/01.png" alt=""></span></a> -->
                            </div>
                            <script type="text/html" id="product-list-template">
                                {{each type url}}
                                <a href="javascript:;" data-image="{{url}}" data-zoom-image="{{url}}"><span><img src='{{url}}' alt=""></span></a>
                                {{/each}}
                            </script>
                            <div class="product-info">
                                    <div> 色 : 白色<br> 型号 : 167484C102</div>
                                    <div class="popup-btn">
                                        <i></i>
                                        <span id="size-chart-btn">尺码对照表</span>
                                    </div>
                            </div>
                            <div class="product-addCard">
                                    <div class="size-wrap">
                                        <p>尺码换算器</p>
                                    </div>
                            
                            <div class="product-select-msg">
                                <div class="select-line">
                                    <div class="text-left">
                                        请输入您的尺码
                                    </div>
                                    <div class="text-right">
                                        <span>请选择尺码</span>
                                        <i></i>
                                        <select id="size-select">
                                            <option>请选择尺码</option>
                                            <option status="T" skusize="35" upc="6902014949464">35</option>
                                            <option status="T" skusize="36" upc="6902014949457">36</option>
                                            <option status="T" skusize="36.5" upc="6902014949440">36.5</option>
                                            <option status="T" skusize="37" upc="6902014949433">37</option>
                                            <option status="T" skusize="37.5" upc="6902014949426">37.5</option>
                                            <option status="T" skusize="38" upc="6902014949419">38</option>
                                            <option status="T" skusize="39" upc="6902014949402">39</option>
                                            <option status="T" skusize="39.5" upc="6902014949396">39.5</option>
                                            <option status="F" class="disabled" skusize="40" upc="6902014949389">40</option>
                                            <option status="T" skusize="41" upc="6902014949372">41</option>
                                            <option status="T" skusize="41.5" upc="6902014949365">41.5</option>
                                            <option status="T" skusize="42" upc="6902014949358">42</option>
                                            <option status="T" skusize="42.5" upc="6902014949341">42.5</option>
                                            <option status="F" class="disabled" skusize="43" upc="6902014949334">43</option>
                                            <option status="F" class="disabled" skusize="44" upc="6902014949556">44</option>
                                            <option status="F" class="disabled" skusize="44.5" upc="6902014949549">44.5</option>
                                            <option status="F" class="disabled" skusize="45" upc="6902014949532">45</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="product-select-num">
                                <div class="select-line">
                                    <div class="text-left">
                                        数量
                                    </div>
                                    <div class="numbox text-right">
                                        <input type="text" id="num-select" value="1">
                                        <i></i>
                                        <select id="num-box">
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                        </select>
                                    </div>
                                </div>
                                    <p id="inventory-tips" style="display: none;">
                                    </p>
                                </div>
                                <a class="now-buy-btn" id="now-buy-btn">
                                    <span>立即购买</span>
                                </a>
                                <a class="add-buycart-btn" id="add-buycart-btn">
                                    <span>
                                        <i></i>
                                        添加到购物车
                                    </span>
                                </a>

                        </div>


                        </div>

                    </div>   
            </div>
            <div class="flycar" >
                <img id="flycar" src="../images/timg.jpg" alt="">
                <div class="flycar-num">0</div>
            </div>
        <footer></footer>
            </html>
        
<script src="/libs/requirejs/require.min.js" data-main="/js/information"></script>
    
</body>
</html>     